import { NgModule } from '@angular/core';

//使用 RouterModule 中的 Routes 类来配置路由器
import {RouterModule, Routes} from "@angular/router";

//引入主页组件
import { HomeComponent } from "./home/home.component";

//引入仪表盘组件
import {DashboardComponent} from "./dashboard/dashboard.component";

//引入英雄详情
import {HeroDetailComponent} from "./hero-detail/hero-detail.component";


//路由器
const customRoutes : Routes = [
  {  path : "home", component: HomeComponent},
  {  path : "dashboard", component: DashboardComponent},
  {  path : 'herodetail/:id', component:HeroDetailComponent},

  //这个路由会把一个与空路径“完全匹配”的 URL 重定向到路径为 '/dashboard' 的路由
  { path:'', redirectTo: '/dashboard',pathMatch:'full'},
];

@NgModule({
   exports : [RouterModule],  //导出 RouterModule 让路由器的相关指令可以在 AppModule 中的组件中使用。
   imports : [RouterModule.forRoot(customRoutes)],
})


export class AppRoutingModule {

}



